<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}\js\jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
     
	$(function() {
		//展示学生信息
		$('#dg').datagrid({
			url : 'studentinfo',
			columns : [ [ {
				field : 'si',
				checkbox : true
			}, {
				field : 'sid',
				title : '学号',
				width : 100,
				align : 'center'
			}, {
				field : 'sname',
				title : '姓名',
				width : 100,
				align : 'center'
			}, {
				field : 'sage',
				title : '年龄',
				width : 100,
				align : 'center'
			}, {
				field : 'ssex',
				title : '性别',
				width : 100,
				align : 'center'
			}, {
				field : 'sdepart',
				title : '院系',
				width : 100,
				align : 'center'
			}, {
				field : 'stel',
				title : '联系电话',
				width : 100,
				align : 'center'
			}, {
				field : 'sstate',
				title : '毕业与否',
				width : 100,
				align : 'center'
			},

			] ]
		});

		//修改个人信息
		$("#mm1").hide();
		$('#btn').linkbutton({
			iconCls : 'icon-cut',
			onClick : function() {
				$("#mm1").show();
				var stu = $('#dg').datagrid('getSelections');
				$("#tb").val(stu[0].sid);
				$("#tb1").val(stu[0].sname);
				$("#tb2").val(stu[0].sage);
				$("#tb3").val(stu[0].ssex);
				$("#tb4").val(stu[0].sdepart);
				$("#tb5").val(stu[0].stel);
			}
		});
		//确定修改
		$('#btn2').linkbutton({
			iconCls : 'icon-cut',
			onClick : function() {
				var sid = $("#tb").val();
				var sname = $("#tb1").val();
				var sage = $("#tb2").val();
				var ssex = $("#tb3").val();
				var sdepart = $("#tb4").val();
				var stel = $("#tb5").val();
				$.ajax({
					type : "post",
					url : "update",
					data : {
						'sid' : sid,
						'sname' : sname,
						'sage' : 'sage',
						'ssex' : ssex,
						'sdepart' : sdepart,
						'stel' : stel
					},
					dataType : "text",
					success : function(data) {
						if (data == 1) {
							$('#dg').datagrid('reload');
							$.messager.alert('警告', '修改成功');
						} else {
							$.messager.alert('警告', '修改失败！');
						}
					}
				})
				$("#mm1").hide();
			}

		})

	})
</script>


<body>

	<a id="btn" href="#">修改信息</a>
	<a id="btn2" href="#">确定</a>


<!-- 修改学生的信息 -->
	<div id="mm1">
		<form>
			<span>学号</span><input id="tb" type="text" style="width: 100px">
			<span>姓名</span><input id="tb1" type="text" style="width: 100px">
			<span>年龄</span><input id="tb2" type="text" style="width: 100px">
			<span>性别</span><input id="tb3" type="text" style="width: 100px">
			<span>院系</span><input id="tb4" type="text" style="width: 100px">
			<span>联系电话</span><input id="tb5" type="text" style="width: 100px">
		</form>
	</div>


	<table id="dg"></table>



</body>
</html>